.list {

  .classification {
    font-size: 1.2rem;
    background-color: #FBFBFB;
    border-radius: 5px;
    border: 1px solid rgba(204, 204, 204, .6);

    header {
      border-bottom: 1px solid rgba(204, 204, 204, .3);
      padding: .5rem;

      .sort-icon {
        display: inline-block;
        transform: rotate(90deg);
      }
    }

    main {
      background-image: linear-gradient(to right, #accbee 0%, #e7f0fd 100%);
      padding: 10px 5px;

      .ant-row {
        flex-wrap: wrap;
      }

      .ant-col {
        flex: 1 1 auto;
        line-height: 3;
        margin: 0.3rem .5rem;
        border-radius: 4px;
        text-align: center;
        box-shadow: 5px 5px 2px rgba(0, 0, 0, .2);
        background-image: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%);
        font-size: 1rem;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        color: orange;

        &:hover {
          cursor: pointer;
          color: skyblue;
        }

        &:active {
          box-shadow: 5px 5px 10px rgba(0, 0, 0, .2);
        }
      }
    }
  }

  .global-divider {
    margin-bottom: .4rem !important;
    color: #f50;
    font-size: 1.32rem;
  }


  .list-content {
    padding: 20px;
    background-color: rgba(204, 204, 204, .1);
    border-radius: 5px;

    code {
      font-size: 1.05rem;

      span {
        font-size: 1.05rem;
      }
    }

    blockquote {
      position: relative;
      margin: 16px 0;
      padding: 5px 8px 5px 30px;
      background: none repeat scroll 0 0 rgba(102, 128, 153, .05);
      color: #333;
      border: none;
      border-left: 10px solid #d6dbdf;

      p {
        font-size: 1.0667rem;
        line-height: 1.7;
        margin: 8px 0;
      }
    }

    p code {
      background-color: #FFF5F5;
      border-radius: 3px;
      padding: 0 3px !important;
      margin: 0 3px !important;
      color: tomato;

    }
  }

  .ant-list-items {
    .ant-list-item:hover {
      border: 1px solid skyblue !important;

    }
  }

  .cover {
    width: 100%;
    min-height: 11rem;
    border-radius: 1.5rem;
    padding: .5rem;
  }

  .list-content {
    overflow: auto;
    height: 7rem;
  }
}
